﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--框架必需start-->
    <script src="scripts/jquery/jquery-1.10.2.min.js"></script>
    <link href="styles/font-awesome.min.css" rel="stylesheet" />
    <link href="scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
    <script src="scripts/plugins/jquery-ui/jquery-ui.min.js"></script>

    <!--框架必需end-->
    <!--bootstrap组件start-->
    <link href="scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="scripts/bootstrap/css/bootstrap.extension.css" rel="stylesheet" />
    <script src="scripts/bootstrap/js/bootstrap.min.js"></script>
    <!--bootstrap组件end-->
    <script src="scripts/plugins/datepicker/WdatePicker.js"></script>
    <script src="scripts/layui/layui.js"></script>
    <link href="scripts/plugins/tree/tree.css" rel="stylesheet" />
    <link href="scripts/plugins/datetime/pikaday.css" rel="stylesheet" />
    <link href="scripts/plugins/wizard/wizard.css" rel="stylesheet" />
    <link href="styles/ui.css" rel="stylesheet" />
    <script src="scripts/plugins/tree/tree.js"></script>
    <script src="scripts/plugins/validator/validator.js"></script>
    <script src="scripts/plugins/wizard/wizard.js"></script>
    <script src="scripts/plugins/datepicker/datepicker.js"></script>
    <script src="scripts/utils/applayout.js"></script>
    <script src="scripts/utils/flowlayout.js"></script>
    <script src="scripts/utils/form.js"></script>
    <script src="scripts/utils/ui.js"></script>
    <script src="scripts/utils/applayout.js"></script>
    <script src="scripts/plugins/flow-ui/flow.js"></script>
    <script src="scripts/utils/flowlayout.js"></script>
    <script src="scripts/utils/form.js"></script>
    <script src="Scripts/utils/ui.js"></script>
    <link href="scripts/plugins/simditor/css/simditor.css" rel="stylesheet" />
    <link href="scripts/plugins/cxColor/css/jquery.cxcolor.css" rel="stylesheet" />
    <link href="scripts/plugins/uploadify/uploadify.css" rel="stylesheet" />
    <link href="scripts/plugins/uploadify/uploadify.extension.css" rel="stylesheet" />
    <link href="scripts/plugins/flow-ui/flow.css" rel="stylesheet" />
    <link href="Styles/flow.css" rel="stylesheet" />
    <script src="scripts/plugins/simditor/js/module.min.js"></script>
    <script src="scripts/plugins/simditor/js/uploader.min.js"></script>
    <script src="scripts/plugins/simditor/js/hotkeys.min.js"></script>
    <script src="scripts/plugins/simditor/js/simditor.min.js"></script>
    <script src="scripts/plugins/cxColor/js/jquery.cxcolor.js"></script>
    <script src="scripts/plugins/uploadify/jquery.uploadify.min.js"></script>
    <link href="styles/ckbox-radio.css" rel="stylesheet" />
    <link href="styles/flow.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="pagination.css" />
    <script type="text/javascript" src="pagination.min.js"></script>

    <script src="/static/js/store.js?v=1"></script>
    <style>
        .standtab-pane {
            width: 224px;
            border-right: 1px solid #ccc;
            float: left;
        }
    </style>
    <script>
        var apiUrl = "http://120.203.30.148:3030/api/Flow/";
        var node, nodelist = [], frmContentJson, frmType, NodePramData;
        var nodesetInfoNodeDesignateDatarole = []
        var nodesetInfoNodeDesignateDatauser = []
        var nodesetInfoNodeDesignateDataRuser = []
        var nodesetInfoNodeDesignateDataRrole = []
        $(function () {
            initLoadPageData();
            initControl();
            $("#NodeCode").val((new Date()).getTime());
        })
        function initLoadPageData() {
            var _FlowDesignObject = parent.FlowDesignObject;
            node = _FlowDesignObject.$nodeData[_FlowDesignObject.$focus];
            node.id = _FlowDesignObject.$focus;
            for (var i in _FlowDesignObject.$nodeData) {
                _FlowDesignObject.$nodeData[i]["id"] = i;
                nodelist.push(_FlowDesignObject.$nodeData[i]);
            }

            frmContentJson = JSON.parse(parent.frmData["FrmContent"]);
            initFrmCotent(frmContentJson);
        }
        //初始化控件
        function initControl() {
            //ifShow();
            GetDesignateMemberTree();
            $('.systemdatabase').hide();
            //if (node.type != "confluencenode")//是否会签节点
            //{
            //    $('#confluencenode').hide();
            //}
            $('#NodeName').val(node.name);

            //由谁执行
            //var dd = $("#NodeMake").ComboBox({
            //    data: [{ "key": 0, "value": "操作执行人员" }, { "key": 1, "value": "系统执行" }],
            //    id: "key",
            //    text: "value"
            //}).ComboBoxSetValue(0);
            //表单
            $("#NodeFrm").ComboBox({
                url: apiUrl + "GetAllListJson",
                id: "value",
                text: "text",
                description: "==请选择==",
                allowSearch: true
            });
            //驳回类型
            $("#NodeRejectType").ComboBox({
                data: [{ "key": 0, "value": "前一步" }, { "key": 1, "value": "第一步" }, { "key": 2, "value": "某一步" }, { "key": 3, "value": "用户指定" }, { "key": 4, "value": "不处理" }],
                id: "key",
                text: "value"
            }).bind("change", function () {
                var _value = $(this).attr('data-value');
                var _comdata = [];
                if (_value == 2) {
                    _comdata = nodelist;
                }
                //驳回到某一步
                $("#NodeRejectStep").ComboBox({
                    data: _comdata,
                    id: "id",
                    text: "name"
                });
            }).ComboBoxSetValue(0);
            //驳回到某一步
            $("#NodeRejectStep").ComboBox({
                description: "==请选择==",
                allowSearch: true,
                height: "110px",
            });
            //会签策略
            $("#NodeConfluenceType").ComboBox({
                data: [{ "key": 1, "value": "所有步骤通过" }, { "key": 0, "value": "一个步骤通过即可" }, { "key": 2, "value": "按百分比计算" }],
                id: "key",
                text: "value",
                description: "==请选择==",
            });
            //处理者
            $("input[name='NodeDesignateTypename']").click(function () {
                var id = $(this).attr('id');
                if (id == 'NodeDesignateType2') {
                    $("#Treebackground").hide();
                    $("#liSeach").show();
                } else {
                    $("#Treebackground").show();
                    $("#liSeach").hide();
                }
            });

            $("#liSeach").hide();
            if (node.setInfo != undefined) {
                var _NodeCode = $('#NodeCode').val();
                node.setInfo.NodeCode = node.setInfo.NodeCode == "" ? _NodeCode : node.setInfo.NodeCode;
                $("#BaseInfo").SetWebControls(node.setInfo);
                $('#NodeDataBase').trigger('change');
                $('#NodeTable').ComboBoxSetValue(node.setInfo.NodeTable);
                $('#NodeTable').trigger('change');
                $('#NodePram').ComboBoxSetValue(node.setInfo.NodePram);

                $("#" + node.setInfo.NodeDesignate).trigger("click");
                if (node.setInfo.NodeDesignate == "NodeDesignateType2") {
                    $("#Role").setCheckedNodes(node.setInfo.NodeDesignateData.role);
                    $("#Post").setCheckedNodes(node.setInfo.NodeDesignateData.post);
                    $("#UserGroup").setCheckedNodes(node.setInfo.NodeDesignateData.usergroup);
                    $("#User").setCheckedNodes(node.setInfo.NodeDesignateData.user);
                }
                $("#RUser").setCheckedNodes(node.setInfo.RUser);
                $("#RRole").setCheckedNodes(node.setInfo.RRole);

                $("#txtUser").val(node.setInfo.RText);
                console.log(node.setInfo.RText);


                //是否由上级审批人选择
                if (node.setInfo.isSetAppp != undefined && node.setInfo.isSetAppp != "") {

                    if (node.setInfo.isSetAppp == "由上级审批人指定")
                        $("#setApp")[0].checked;
                    if (node.setInfo.isSetAppp == "由申请人指定")
                        $("#setAppSqr")[0].checked;

                    setTitleShow($("#setApp")[0])
                }
                ////是否会签
                //if (node.setInfo.isHuiQian != undefined) {
                //    debugger
                //    console.log(node.setInfo.isHuiQian);
                //    $("#HuiQian")[0].checked = node.setInfo.isHuiQian;
                //}


                console.log(node.setInfo.RUser);

                $.each(node.setInfo.frmPermissionInfo, function (i, item) {
                    if (item.look) {
                        $('#PermissionInfo').find('#frm_' + item.fieldid).attr("checked", "checked");
                    }
                    else {
                        $('#PermissionInfo').find('#frm_' + item.fieldid).removeAttr("checked");
                    }
                    if (item.down != undefined) {
                        if (item.down) {
                            $('#PermissionInfo').find('#frmx_' + item.fieldid).attr("checked", "checked");
                        }
                        else {
                            $('#PermissionInfo').find('#frmx_' + item.fieldid).removeAttr("checked");
                        }
                    }
                });
            }
        }
        function initLoadSysTemTable() {
            //数据库选择
            var _NodeDb = "";
            $("#NodeDataBase").ComboBoxTree({
                description: "==请选择库==",
                height: "150px",
                url: apiUrl + "GetTreeJson",
                allowSearch: true
            }).bind("change", function () {
                var value = $(this).attr('data-value');
                _NodeDb = value;
                //数据表
                $("#NodeTable").ComboBox({
                    param: { dataBaseLinkId: value },
                    url: apiUrl + "GetTableListJson",
                    id: "name",
                    text: "name"
                });
            });
            //数据表
            $("#NodeTable").ComboBox({
                description: "==请选择表==",
                height: "140px",
                allowSearch: true
            }).bind("change", function () {
                var value = $(this).attr('data-value');
                var tablefiledJsonData = [];
                $.ajax({
                    url: apiUrl + "GetTableFiledListJson",
                    data: { dataBaseLinkId: _NodeDb, tableName: value },
                    type: "GET",
                    beforeSend: function (jqXHR) {
                        jqXHR.setRequestHeader("Authorization", 'Bearer ' + window.LS.get("lmgcmstoken"));
                    },
                    success: function (data) {
                        tablefiledJsonData = data;
                        $.each(tablefiledJsonData, function (id, item) {
                            item.remark = item.column + "【" + item.remark + "】";
                        });
                        NodePramData = tablefiledJsonData;
                        //数据表
                        $("#NodePram").ComboBox({
                            data: tablefiledJsonData,
                            id: "column",
                            text: "remark"
                        });
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        dialogMsg(errorThrown, -1);
                    }
                });
            });
            $("#NodePram").ComboBox({
                description: "==请选择字段==",
                height: "140px",
                allowSearch: true
            });
        }
        function GetTree(authtype) {
            var data;
            var vurl = '';
            var vkey = $("#txtKey").val();
            var nodesetInfoNode = [];
            if (authtype == 'User') {
                vurl = apiUrl + "GetUser?vkey=" + vkey + "&rescurrPage=1&respageSize=7";
                nodesetInfoNode = nodesetInfoNodeDesignateDatauser;
            } else if (authtype == 'RUser') {
                vurl = apiUrl + "GetRUser?vkey=" + vkey + "&rescurrPage=1&respageSize=7";
                nodesetInfoNode = nodesetInfoNodeDesignateDataRuser;
            } else if (authtype == 'RRole') {
                vurl = apiUrl + "GetRRole?vkey=" + vkey + "&rescurrPage=1&respageSize=7";
                nodesetInfoNode = nodesetInfoNodeDesignateDataRrole;
            } else {
                vurl = apiUrl + "GetRole?vkey=" + vkey + "&rescurrPage=1&respageSize=7";
                nodesetInfoNode = nodesetInfoNodeDesignateDatarole;
            }
            $.ajax({
                type: "GET",
                url: vurl,
                contentType: 'application/json',
                dataType: "json",
                beforeSend: function (jqXHR) {
                    jqXHR.setRequestHeader("Authorization", 'Bearer ' + window.LS.get("lmgcmstoken"));
                },
                success: function (msg) {
                    console.log(authtype, msg);
                    data = $.arrayClone(msg);

                    if (authtype == 'User')
                        $("#UserDiv").html('<div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;用户</div>');
                    else if (authtype == 'RUser')
                        $("#RUserDiv").html('<div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;用户</div>');
                    else if (authtype == 'RRole')
                        $("#RRoleDiv").html('<div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;角色</div>');
                    else
                        $("#RoleDiv").html('<div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;角色</div>');

                    var item = {
                        height: 200,
                        showcheck: true,
                        data: data,
                        isTool: true,
                        oncheckboxclick: function (item, et, s) {

                            var $item = '';
                            if (authtype == 'User')
                                $item = $("#UserDiv");
                            else if (authtype == 'RUser')
                                $item = $("#RUserDiv");
                            else if (authtype == 'RRole')
                                $item = $("#RRoleDiv");
                            else
                                $item = $("#RoleDiv");

                            if (et == 1) {
                                var html = '<span  id="' + item.id + '" data-value="' + authtype + '" class="flow-card-box label label-danger">'
                                    + item.text + '<i class="fa fa-close"></i></span>';

                                if ($item.context.all(item.id) == undefined) {
                                    $item.append(html);
                                }
                                $item.show();
                                var istf = true;
                                for (var i = 0; i < nodesetInfoNode.length; i++) {
                                    if (nodesetInfoNode[i] == item.id) {
                                        istf = false;
                                        break;
                                    }
                                }
                                if (istf) {
                                    nodesetInfoNode[nodesetInfoNode.length] = item.id;
                                }
                                $(".flow-card-box").click(function () {
                                    $(this).remove();
                                    for (var i = 0; i < nodesetInfoNode.length; i++) {
                                        if (nodesetInfoNode[i] == $(this).attr('id')) {
                                            nodesetInfoNode.splice(i, 1);
                                            break;
                                        }
                                        $('#' + $(this).attr('data-value')).setNoCheckedNodes($(this).attr('id'));
                                    }
                                    if ($item.find('.flow-card-box').length == 0) {
                                        $item.hide();
                                    }
                                });
                            }
                            else if (et == 0) {
                                $item.find('#' + item.id).remove();
                                if ($item.find('.flow-card-box').length == 0) {
                                    $item.hide();
                                }
                            }
                        }
                    };

                    console.log("treeview", item);

                    $("#" + authtype).treeview(item);
                    $("#" + authtype).setCheckedNodes(nodesetInfoNode);
                    if (authtype == 'User') {
                        nodesetInfoNodeDesignateDatauser = nodesetInfoNode;
                    } else if (authtype == 'RUser') {
                        nodesetInfoNodeDesignateDataRuser = nodesetInfoNode;
                    } else if (authtype == 'RRole') {
                        nodesetInfoNodeDesignateDataRrole = nodesetInfoNode;
                    } else {
                        nodesetInfoNodeDesignateDatarole = nodesetInfoNode;
                    }
                }
            });

        }

        function GetTree11(authtype) {

            console.log('d');
            this.$authtype = authtype;
            var data = null;

            $.ajax({
                type: "POST",
                url: apiUrl + "GetUser?rescurrPage=1&respageSize=10",
                async: false,
                dataType: "json",
                loadBeforeSend: function (jqXHR) {
                    jqXHR.setRequestHeader("Authorization", 'Bearer ' + window.LS.get("lmgcmstoken"));
                },
                success: function (msg) {
                    console.log('q1');
                    console.log(msg);
                    console.log($authtype);
                    console.log('q1');
                    data = $.arrayClone(msg);

                    console.log(data);
                    //$("#hid_columns").val(data.allcolumns);
                }
            });

            console.log(data);
            var item = {
                height: 200,
                showcheck: true,
                data: data,
                oncheckboxclick: function (item, et, s) {
                    console.log(item); console.log(et); console.log(s);
                    var $item = $("#UserDiv");
                    if (et == 1) {
                        var html = '<span  id="' + item.id
                            + '" data-value="User" class="flow-card-box label label-danger">'
                            + item.text + '<i class="fa fa-close"></i></span>';
                        console.log(item.text);
                        if ($item.context.all(item.id) == undefined) {
                            $item.append(html);
                        }
                        $item.show();

                        $(".flow-card-box").click(function () {
                            $(this).remove();
                            $('#' + $(this).attr('data-value')).setNoCheckedNodes($(this).attr('id'));
                            if ($item.find('.flow-card-box').length == 0) {
                                $item.hide();
                            }
                            //ifShow();
                        });
                    }
                    else if (et == 0) {
                        $item.find('#' + item.id).remove();
                        if ($item.find('.flow-card-box').length == 0) {
                            $item.hide();
                        }
                    }
                    //ifShow();
                }
            };
            $("#" + authtype).treeview(item);
        }

        function GetDesignateMemberTree() {
            GetTree('Role');
            //GetTree('Post');
            //GetTree('UserGroup');
            GetTree('User');
            GetTree('RUser');
            GetTree('RRole');
        }
        function initFrmCotent(data) {
            $.each(data, function (i, item) {
                var rowdata = '<tr><td><i class="fa fa-star"></i></td><td>' + item.control_label + '</td><td>';
                if (item.control_type == 'image' || item.control_type == 'upload') {
                    rowdata += '<div class="ckbox ckbox-color_a"><input id="frmx_' + item.control_field + '" value="' + item.control_field + '"  type="checkbox" checked><label for="frmx_' + item.control_field + '">下载</label></div>';
                }
                rowdata += '<div class="ckbox ckbox-color_a"><input id="frm_' + item.control_field + '" value="' + item.control_field + '" type="checkbox" checked><label for="frm_' + item.control_field + '">查看</label></div>';
                rowdata += '</td></tr>';

                $('#PermissionInfo').find('table').append(rowdata);
            });
        }
        //保存字段设置
        function AcceptClick() {

            //if (!$('#BaseInfo').Validform()) {
            //    console.log('s1');
            //  return false;
            //}
            var baseinfo = $("#BaseInfo").GetWebControls();
            console.log(baseinfo);
            baseinfo["NodeDesignate"] = $('.bottomline').find('input:checked').attr("id");
            if (baseinfo["NodeDesignate"] == 'NodeDesignateType2') {
                var _Designate = {};
                _Designate["role"] = $("#Role").getCheckedAllNodes();
                _Designate["post"] = $("#Post").getCheckedAllNodes();
                _Designate["usergroup"] = $("#UserGroup").getCheckedAllNodes();
                _Designate["user"] = $("#User").getCheckedAllNodes();
                baseinfo["NodeDesignateData"] = _Designate;
            }

            //是否由上级审批人选择
            if ($("#setApp")[0].checked)
                baseinfo["isSetAppp"] = "由上级审批人指定";
            //是否由上级审批人选择
            else if ($("#setAppSqr")[0].checked)
                baseinfo["isSetAppp"] = "由申请人指定";
            else
                baseinfo["isSetAppp"] = "";
            ////是否会签
            //baseinfo["isHuiQian"] = $("#HuiQian")[0].checked;
            //debugger

            baseinfo["RUser"] = $("#RUser").getCheckedAllNodes();
            baseinfo["RRole"] = $("#RRole").getCheckedAllNodes();
            baseinfo["RText"] = $("#txtUser").val();
            console.log($("#txtUser").val());

            baseinfo["NodeDesignateType"] = $("#" + baseinfo["NodeDesignate"]).parent()[0].innerText;
            var _PermissionInfo = [];
            $.each($('#PermissionInfo').find('tr'), function (i, item) {
                var _ck = $(item).find('input');

                var _point = {};
                $.each(_ck, function (j, d) {
                    _point["fieldid"] = $(d).val();
                    if ($(d).attr("id").indexOf("frmx_") == -1) {
                        _point["look"] = $(d)[0].checked;
                    }
                    else {
                        _point["down"] = $(d)[0].checked;
                    }
                });
                _PermissionInfo.push(_point);
            });
            baseinfo["frmPermissionInfo"] = _PermissionInfo;
            var sqlinfo = $("#SQLInfo").GetWebControls();
            baseinfo = $.extend(baseinfo, sqlinfo);
            parent.callBackNode(node.id, baseinfo, NodePramData);
        }

        function funSeach(authtype) {
            GetTree(vy);
        }
        var vy = 'Role';
        function funType(authtype) {
            vy = authtype;
        }

        function funBill(val) {
            if (val == 1)
                $('#liSeach').hide();
            else if (val == 2) {
                if (document.getElementById('NodeDesignateType2').checked)
                    $('#liSeach').show();
                else
                    $('#liSeach').hide();
            } else {
                $.standTabchange(this, 'RRole');
                funType('RRole');
                $('#liSeach').show();
            }
        }
        function setTitleShow(v) {
            if (v.checked) {
                $("#liAPP").hide();
            } else {
                $("#liAPP").show();
            }
            if ($("#setAppSqr")[0].checked == false && $("#setApp")[0].checked == false)
                $("#liAPP").show();
            else
                $("#liAPP").hide();
        }

    </script>
</head>
<body>

    <ul class="nav nav-tabs">
        <li class="active"><a href="#BaseInfo" data-toggle="tab" onclick="funBill(1);">基本配置</a></li>
        <li id="liAPP"><a href="#MakerInfo" data-toggle="tab" onclick="funBill(2);">审核者</a></li>
        <li><a href="#RemindInfo" data-toggle="tab" onclick="funBill(3);">提醒人</a></li>
        <li id="liSeach" style="display:none;">
            <input type="text" style="margin-top:10px; margin-left:10px; " id="txtKey" placeholder="请输入关键字" />
            <span class="fa fa-search" style="cursor:pointer;" onclick="funSeach();"></span>
        </li>
        <!-- <li><a href="#PermissionInfo" data-toggle="tab">权限分配</a></li>

        <li><a href="#SQLInfo" data-toggle="tab">节点通过后执行SQL</a></li>-->
    </ul>
    <div class="tab-content">
        <div id="BaseInfo" class="tab-pane active" style="padding-top:15px;padding-right:30px;">
            <table class="form">
                <tr>
                    <td class="formTitle">节点标识</td>
                    <td class="formValue">
                        <input id="NodeCode" type="text" class="form-control" value="@Guid.NewGuid().ToString()" disabled isvalid="yes" checkexpession="NotNull" />
                    </td>
                    <td class="formTitle">节点名称<font face="宋体">*</font></td>
                    <td class="formValue">
                        <input id="NodeName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" />
                    </td>
                </tr>
                <!--<tr class="systemdatabase">
                    <td class="formTitle">绑定表名<font face="宋体">*</font></td>
                    <td class="formValue">
                        <div id="NodeDataBase" style="float:left;width:128px;" type="selectTree" class="ui-select"></div>
                        <div id="NodeTable" style="float:right;width:128px;" type="select" class="ui-select"></div>
                    </td>
                    <td class="formTitle">绑定字段<font face="宋体">*</font></td>
                    <td class="formValue">
                        <div id="NodePram" type="select" class="ui-select"></div>
                    </td>
                </tr>-->
                <tr>
                    <td class="formTitle">驳回类型<font face="宋体">*</font></td>
                    <td class="formValue">
                        <div id="NodeRejectType" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"></div>
                    </td>
                    <td class="formTitle">驳回步骤</td>
                    <td class="formValue">
                        <div id="NodeRejectStep" type="select" class="ui-select"></div>
                    </td>
                </tr>
                <tr>

                    <!--<td class="formTitle">由谁执行<font face="宋体">*</font></td>
                    <td class="formValue">
                        <div id="NodeMake" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull"></div>
                    </td>-->
                    <td class="formTitle">选项</td>
                    <td class="formValue">
                        <div class="ckbox ckbox-color_a" style="display:none;"><input id="NodeIsOver" type="checkbox" /><label for="NodeIsOver">是否允许终止流程</label></div>
                        <div class="ckbox ckbox-color_a"><input id="setApp" type="checkbox" onclick="setTitleShow(this)" /><label for="setApp">由上级审批人指定</label></div>
                    </td>
                    <td></td>
                    <td>
                        <div class="ckbox ckbox-color_a"><input id="setAppSqr" type="checkbox" onclick="setTitleShow(this)" /><label for="setAppSqr">由申请人指定</label></div>
                    </td>

                </tr>
                <tr id="confluencenode">
                    <td class="formTitle">会签策略<font face="宋体">*</font></td>
                    <td class="formValue">
                        <div id="NodeConfluenceType" type="select" class="ui-select"></div>
                    </td>
                    <td class="formTitle">会签比例</td>
                    <td class="formValue">
                        <input id="NodeConfluenceRate" type="text" class="form-control" value="100" />
                    </td>
                </tr>
                <tr>
                    <th class="formTitle">备注</th>
                    <td class="formValue" colspan="3">
                        <textarea id="Description" class="form-control" style="height: 70px;"></textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div id="MakerInfo" class="tab-pane">
            <div class="bottomline" style="height: 58px; padding-top: 2px; padding-left: 5px;">
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType5" type="radio" /><label for="NodeDesignateType5">无</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType1" type="radio" checked /><label for="NodeDesignateType1">所有成员</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType2" type="radio" /><label for="NodeDesignateType2">指定成员</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType6" type="radio" /><label for="NodeDesignateType6">发起者</label></div>
                <!--工作部门-->
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType3" type="radio" /><label for="NodeDesignateType3">发起者领导</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType4" type="radio" /><label for="NodeDesignateType4">前一步骤领导</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType7" type="radio" /><label for="NodeDesignateType7">发起者院领导</label></div>
                <!--业务部门-->
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType8" type="radio" /><label for="NodeDesignateType8">发起者业务部门领导</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType9" type="radio" /><label for="NodeDesignateType9">前一步骤业务部门领导</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType10" type="radio" /><label for="NodeDesignateType10">发起者业务部门院领导</label></div>
                <!--部门信息员-->
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType11" type="radio" /><label for="NodeDesignateType11">发起者部门信息员</label></div>

                <!--<div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType5" type="radio" /><label for="NodeDesignateType5">发起者部门领导</label></div>
                <div class="rdio rdio-color_a"><input name="NodeDesignateTypename" id="NodeDesignateType6" type="radio" /><label for="NodeDesignateType6">发起者公司领导</label></div>-->
            </div>
            <div id="DesignateMember" style="width: 100%;float: left;">
                <div class="standtabborder" style="height: 185px;">
                    <div class="standtab  standtabactived" onclick="$.standTabchange(this, 'Role');funType('Role')">
                        角色
                    </div>
                    <div class="standtab " onclick="$.standTabchange(this, 'User');funType('User')">
                        用户
                    </div>
                </div>

                <div id="Role" class="standtab-pane"></div>
                <div id="Post" style="display: none;" class="standtab-pane"></div>
                <div id="UserGroup" style="display: none;" class="standtab-pane"></div>
                <div id="User" style="display: none;" class="standtab-pane"></div>
                <div style="margin: 0px; border-right: none; border-left: none; border-bottom: none; background-color: #fff; overflow: auto; padding-bottom: 10px;min-height:190px;position:relative;padding-bottom:30px;">
                    <div id="RoleDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-paw"></i>&nbsp;&nbsp;角色</div>
                    </div>
                    <!--<div id="PostDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-graduation-cap"></i>&nbsp;&nbsp;岗位</div>
                    </div>
                    <div id="UserGroupDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-group"></i>&nbsp;&nbsp;用户组</div>
                    </div>-->
                    <div id="UserDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;用户</div>
                    </div>


                    <!--<div id="HuiQianDiv" class="ckbox ckbox-color_a">
                        <input type="checkbox" id="HuiQian" /><label for="HuiQian">会签</label>
                    </div>-->


                </div>
                <div id="Treebackground" style="position: fixed; top: 93px; left: 0px; z-index: 2; width: 100%; height: 185px; background: #000; filter: alpha(opacity=10); opacity: 0.1;"></div>
            </div>
        </div>
        <div id="RemindInfo" class="tab-pane">
            <div id="RDesignateMember">
                <div class="standtabborder" style="height: 245px;">
                    <div class="standtab  standtabactived" onclick="$.standTabchange(this, 'RRole');funType('RRole')">
                        角色
                    </div>
                    <div class="standtab " onclick="$.standTabchange(this, 'RUser');funType('RUser')">
                        用户
                    </div>
                </div>

                <div id="RUser" class="standtab-pane" style="height: 245px;"></div>
                <div id="RRole" class="standtab-pane" style="height: 245px;"></div>
                <div style="margin: 0px; border-right: none; border-left: none; border-bottom: none; background-color: #fff; overflow: auto; padding-bottom: 10px;height:245px;">
                    <div id="RRoleDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-paw"></i>&nbsp;&nbsp;角色</div>
                    </div>
                    <div id="RUserDiv" class="flow-portal-panel">
                        <div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;用户</div>
                    </div>
                    <div id="RUserText">
                        <div class="flow-portal-panel-title"><i class="fa fa-user"></i>&nbsp;&nbsp;提示语</div>
                        <textarea id="txtUser" style="height: 55px; width:100%;"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div id="PermissionInfo" class="tab-pane" style="overflow-y:auto;">
            <div style="line-height:45px;padding-left:10px;color: #666; font-weight: 300;font-size: 16px;">
                <i class="fa fa-tags"></i>&nbsp;&nbsp;表单权限配置(默认都是勾选的)
            </div>
            <div style="overflow-y:auto;height:261px;">
                <table class="table flow-table-Permission"></table>
            </div>
        </div>
        <div id="SQLInfo" class="tab-pane">
            <div style="padding:10px;">
                <div id="NodeDataBaseToSQL" style="margin-bottom:10px;" type="selectTree" class="ui-select"></div>
                <textarea id="NodeSQL" class="form-control" placeholder="请在此处填写需要执行的SQL语句,用{0}表示流程实例的主键Id!" style="height: 240px;"></textarea>
            </div>
        </div>
    </div>
</body>
</html>
